<script setup>
  import { getScreen } from '@/api/phone.js'
  import { ref } from 'vue'
  import { useRoute } from 'vue-router'
  const sceneryDetail = ref([])
  const route = useRoute()
  getScreen(route.params.id).then(res => {
    sceneryDetail.value = res.data
  })
</script>

<template>
  <div class="recommand">
    <head-title title="景点详情"></head-title>
    <scenery
      :title="sceneryDetail.name"
      :content="sceneryDetail.content"
    ></scenery>
  </div>
</template>

<style lang="scss" scoped>
  .recommand {
    padding: 15px;

    .title {
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      font-size: 20px;
      color: #333333;
      line-height: 26px;
    }
  }
</style>
